.search-component {
    & {
        position: relative;
        justify-content: space-between;
    }
    p.result {
        cursor: pointer;
        display: block;
        overflow: hidden;
        margin: 0;
        font-size: 1em;
        padding: .5em;
        color: rgba(0, 0, 0, .87);
        line-height: 1.33;
        border-bottom: 1px solid rgba(34, 36, 38, .1);
        margin-top: -1px;
        z-index: 998;
    }
    p.result:last-child {
        border: none;
    }
    .hide {
        display: none;
    }
    .transition {
        position: absolute;
        top: 100%;
        left: 0;
        transform-origin: center top;
        white-space: normal;
        background: #fff;
        margin-top: .5em;
        width: 18em;
        border-radius: .28571429rem;
        box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15);
        border: 1px solid #d4d4d5;
        z-index: 998;
        width: 7.5rem;
    }
    input {
        border: 1px solid #ccc;
        padding: 0 .5rem;
        font-size: .48rem;
        border-radius: 1rem;
        width: 6.64rem;
        height: 1.24rem;
        -webkit-box-shadow: 0 0 10px #888888;
        box-shadow: 0 0 10px #888888;
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
    }
    input:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
    }
    i.fa-search {
        position: relative;
        right: 1.5em;
    }
    .cancel {
        color: #747474;
        font-size: .48rem;
    }
    div.write {
        position: relative;
    }
    img.search {
        height: .6rem;
        position: absolute;
        top: .35rem;
        right: .4rem;
    }
}